<div onselectstart="return false;" ondragstart="return false;" class="DT_GridWrapper">
    <div class="DataGridDiv" style="width:{{Width}};height:{{Height}};">
        <table cellpadding="0" cellspacing="0">
            <tr>
                <td style="padding: 0px;border-width:0px;" ng-show="IsSelect">
                    <table class="TableHeadLeft" cellpadding="0" cellspacing="0">
                        <colgroup><col width="{{CheckColumn.Width}}"/></colgroup>
                        <tr>
                            <td>
                                <!--支持多选，显示CheckBox-->
                                <div ng-if="IsSelect" style="width: {{CheckColumn.Width}};">
                                    <CheckBox value="Checked.IsCheckedAll" ng-click="checkedAllClick()"></CheckBox>
                                </div>
                                <!--不支持多选,不显示CheckBox-->
                                <div ng-if="!IsSelect" style="width: {{CheckColumn.Width}};">&nbsp;</div>
                            </td>
                        </tr>
                    </table>
                </td>
                <td style="padding: 0px;border-width:0px;">
                    <table class="TableHead" cellpadding="0" cellspacing="0">
                        <tr ng-transclude>
                        </tr>
                    </table>
                </td>
                <td style="padding: 0px;border-width:0px;" ng-show="Edit.IsEdit && (Edit.IsAdd || Edit.IsDelete)">
                    <table class="TableHeadRight" cellpadding="0" cellspacing="0">
                        <tr>
                            <td style="padding:0px;width:80px;min-width:80px;text-align: center; cursor:default;">操作</td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td style="padding: 0px;border-width:0px;" ng-show="IsSelect">
                    <table class="TableBodyLeft" cellpadding="0" cellspacing="0">
                        <colgroup></colgroup>
                    </table>
                </td>
                <td style="padding: 0px;border-width:0px;">
                    <table class="TableBody" cellpadding="0" cellspacing="0">
                        <colgroup></colgroup>
                    </table>
                </td>
                <td style="padding: 0px;border-width:0px;" ng-show="Edit.IsEdit && (Edit.IsAdd || Edit.IsDelete)">
                    <table class="TableBodyRight" cellpadding="0" cellspacing="0">
                        <colgroup>
                            <col width="80px"/>
                        </colgroup>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div class="DG_Footer">
        <div style="float:left;height:100%;">
            <div style="display: flex;height:100%;">
                <div ng-show="IsFilter">
                    <div class="DT_FillerDiv" ng-click="filterClick()" data-toggle="modal" data-target="#{{DataGrid_FilterID}}">
                        <img src="modules/Base/client/Images/Filler.png" style="margin-top: 10px;"/>
                    </div>
                    <div class="modal fade" data-backdrop="static" data-keyboard="false" id="{{DataGrid_FilterID}}" tabindex="-1" role="dialog">
                        <div class="modal-dialog" role="document" style="height: 100%;margin: 0 auto;">
                            <div class="modal-content"  style="width:600px;height:auto;top:50%;left: 50%;transform:translateX(-50%) translateY(-50%);">
                                <div class="modal-header" style="height:30px;padding: 5px;">
                                    <button type="button" class="close" ng-click="btnFilterCancelClick()" style="outline: none;" aria-label="Close">x</button>
                                    <h5 class="modal-title" style="text-align:left;color:#676767;font-family:Microsoft YaHei;">查询</h5>
                                </div>
                                <div class="modal-body" style="padding:5px;">
                                </div>
                                <div class="modal-footer" style="height: 40px;padding: 5px;">
                                    <button type="button" class="btn btn-default" style="height:30px;padding:0px 10px;" ng-click="btnFilterCancelClick()">取消</button>
                                    <button type="button" class="btn btn-primary" style="height:30px;padding:0px 10px;" ng-click="btnFilterOKClick()">确认</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div ng-show="IsExport">
                    <div class="DT_FillerDiv" ng-click="exportExcelClick()" data-toggle="modal" data-target="#{{DataGrid_ExportExcelID}}">
                        <img src="modules/Base/client/Images/excel.png" style="margin-top: 8px;"/>
                    </div>
                    <div class="modal fade" data-backdrop="static" data-keyboard="false" id="{{DataGrid_ExportExcelID}}" tabindex="-1" role="dialog">
                        <div class="modal-dialog" role="document" style="height: 100%;margin: 0 auto;">
                            <div class="modal-content"  style="width:400px;height:auto;top:50%;left: 50%;transform:translateX(-50%) translateY(-50%);">
                                <div class="modal-header" style="height:30px;padding: 5px;">
                                    <button type="button" class="close" ng-click="btnExportExcelCancelClick()" style="outline: none;" aria-label="Close">x</button>
                                    <h5 class="modal-title" style="text-align:left;color:#676767;font-family:Microsoft YaHei;">选择导出模板</h5>
                                </div>
                                <div class="modal-body" style="display:flex;justify-content: center;">
                                        <Label>选择模板</Label>
                                        <div class="InputDiv" style="width:50%;">
                                            <DropDownList IsEmpty="false" value="ExcelTempletValue" enum="ExcelTempletEnum"></DropDownList>
                                        </div>
                                </div>
                                <div class="modal-footer" style="height: 40px;padding: 5px;">
                                    <button type="button" class="btn btn-default" style="height:30px;padding:0px 10px;" ng-click="btnExportExcelCancelClick()">取消</button>
                                    <button type="button" class="btn btn-primary" style="height:30px;padding:0px 10px;" ng-click="btnExportExcelOKClick()">确认</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="PageToolbar" onselectstart="return false;" ondragstart="return false;">
                    <div class="PTRing" ng-click="firstPage()">
                        <div class="PTLine PTRing" style="margin-left: 10px;"></div>
                        <div class="PTArrow PTFirstPage"></div>
                    </div>
                    <div class="PTRing" ng-click="prePage()"><div class="PTArrow PTPrePage"></div></div>
                    <div style="display:flex;">
                        <div ng-repeat="page in DisplayPages" ng-click="pageNumClick(page)" class="PTNum {{page == PageNum ? 'PTNumSeleted' : 'PTNumNoSeleted'}}" >{{page + 1}}</div>
                    </div>
                    <div class="PTRing" ng-click="nextPage()"><div class="PTArrow PTNextPage"></div></div>
                    <div class="PTRing" ng-click="lastPage()">
                        <div class="PTArrow PTLastPage"></div>
                        <div class="PTLine"></div>
                    </div>
                    <div class="PTCount">共{{PageCount}}页</div>                    
                </div>
            </div>
        </div>
        <div style="float:right;padding-right:5px;">
            <div style="display:flex;">
                <div class="PTPages">&nbsp;&nbsp;第</div>
                <div class="PTInput">
                    <input ng-keypress="toolBar_KeyPress()" ng-blur="pageNumBoxChange()" type="number" class="form-control" placeholder="页号">
                </div>
                <div class="PTPages">页</div>
            </div>
        </div>
    </div>
    <div class="DT_SpaceAdd" ng-show="Edit.IsEdit && Edit.IsAdd && Dom._BodyElement.rows.length == 0">
        <div ng-click="btnAdd()"></div>
    </div>
</div>

